<template>
	<view class="row list-item" @click="clicks">
		<view class="row align-items-center" style="width: 90rpx;height: 70rpx;">
			<image v-if="iconImg" :src="iconImg" mode="widthFix"></image>
		</view>
		<text>{{title}}</text>
		<slot></slot>
		<view class="" style="margin-left: auto;width: 30rpx;height: 30rpx;">
			<zywork-icon :type="iconType" size="30" color="#dcdcdc "></zywork-icon>
		</view>
	</view>
</template>

<script>
	export default {
		name:"custom-list-item",
		props:{
			title:{
				type:String,
				default:"我的二维码"
			},
			iconImg:{
				type:String,
				default:""
			},
			iconType:{
				type:String,
				default:"icon-youjiantou1"
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			clicks(){
				this.$emit("click")
			}
		}
	}
</script>

<style lang="scss">
	.list-item{
		padding: 20rpx 30rpx;
		align-items: center;
		image{
			height: 70rpx;
		}
		
		text{
			margin-left: 30rpx;
			font-size: 38rpx;
		}
	}
</style>
